<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>

<head>
  <title>Baticueva Virtual</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet"  href="<%=request.getContextPath()%>/css/style.css" />
  
  <!-- modernizr habilita contenido HTML5 -->
  <script type="text/javascript" src="<%=request.getContextPath()%>/js/modernizr-1.5.min.js"></script>
</head>

<body style="background-image: url(images/fondo.jpg)">
  <div id="main">
    <header>
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_six", PERMITE MODIFICAR Y CAMBIAR EL TIPO DE EL TITULO PRINCIPAL -->
          <h1><a href="index.html">Bienvenidos a la Baticueva Virtual<span class="logo_six"></span></a></h1>
          <h2>busca y descarga tus practicas y examenes</h2>
        </div>
      </div>

    </header>
    <div id="site_content">
      <div id="sidebar_container">
        <img class="paperclip" src="<%=request.getContextPath()%>/images/paperclip.png" alt="paperclip" />
        <div class="sidebar">
          <h3>Podras Subir Archivos Comentar y Votar</h3>
          <h2>Inicia sesion</h2>
          <h1>Correo</h1>
          <input type="text" name="correo" placeholder="usuario@pucp.pe">
          <h1>Password</h1>
          <input type="password" name="password">
          <button type="submit" name="ingresar">Ingresar</button>
          </div>
        <img class="paperclip" src="<%=request.getContextPath()%>/images/paperclip.png" alt="paperclip" />
        <div class="sidebar">
          <h3>Aun no tienes una cuenta ? Registrate</h3>
          <input type="text" name="nombre" placeholder="Nombre">
          <input type="text" name="apellidos" placeholder="Apellidos">
          <input type="text" name="alias" placeholder="Usuario">
          <input type="text" name="correo" placeholder="correo@pucp.pe">
          <input type="password" name="password" placeholder="ingresa tu clave">
          <input type="password" name="password" placeholder="vuelve a ingresar tu clave">
          <button type="submit" name="registrar">Registrar</button>
          </div>
      </div>
      <!-- ingreso de la tabla para la pagina principal -->
      <div id="content1">
        <div class="content1">
      <h2>Busqueda y descarga de practicas y examenes</h2>
      <h1>No necesitas iniciar sesion . . .</h1>
   <table style="width: 600px;" border="0">
    <tbody>
        <tr>
        <td style="width: 120px;"><input type="text" name="tag" placeholder="Que curso estas buscando"></td>
    <form action="resultado.jsp">
        <td style="width: 120px;"><button type="submit" name="buscar">Buscar</button></td>
    </form>
    
        <td style="width: 20px;">&nbsp;</td>
        <form action="busqueda_avanzada.jsp">
        <td style="width: 200px;"><button type="submit" name="busquedaavanzada">Busqueda Avanzada</button></td>
        </form>
          </tr>
        </tbody>
      </table>
      </div>
      </div>  

<!-- CUERPO DE BUSQUEDA SIMPLE conteiner3-->
      <div id="content3-conteiner">
        <div class="content3">
      <h2>Resultado de busquedas</h2>
            <!-- Agregar los resultados de la busqueda -->
      <h3>5 Documentos</h3>
      <!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 550px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
</tr>
</tbody>
</table> 
      <!-- fin de caja de cada resultado --> 
      <!-- caja de cada resultado -->
    
      <!-- fin de caja de cada resultado --> 
      </div>
      </div> 

    </div>
    <footer>
      <p>Copyright &copy; Telecom | <a href="http://www.pucp.edu.pe">grupo de telecomunicaciones OpenSource</a></p>
    </footer>
  </div>
  <p>&nbsp;</p>
  <!-- javascript at the bottom for fast page loading -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('ul.sf-menu').sooperfish();
    });
  </script>
</body>
</html>
